<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <title>大屏可视化项目</title>
  <script>
    // 设备宽高
    const clientWidth = document.documentElement.clientWidth;
    const clientHeight = document.documentElement.clientHeight;
    // 页面宽高
    window.pageWidth = clientWidth / clientHeight > 16 / 9 ? clientHeight * (16 / 9) : clientWidth;
    const pageHeight = pageWidth / (16 / 9);
    const string = `<style>html{
      font-size: ${pageWidth / 100}px 
    }</style>`
    document.write(string);
  </script>
<script type="module" crossorigin src="./assets/index.e6e98c34.js"></script>
  <link rel="modulepreload" href="./assets/vendor.8f53e511.js">
  <link rel="stylesheet" href="./assets/index.77bdb8ec.css">
</head>

<body>
  <div id="root"></div>
  <script>
    // root.style.width = pageWidth + 'px';
    root.style.height = pageHeight + 'px';
    root.style.marginTop = (clientHeight - pageHeight) / 2 + 'px';
  </script>
  
</body>

</html>